<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		</meta>
		<title>用户列表</title>
		<style>
			* {
				margin: 0;
				padding: 0;
				font-family: 'Microsoft YaHei';
			}

			.head .title {
				text-align: center;
				margin: 20px 0 10px 0;
				color: #333;
				font-size: 38px;
				font-family: "FangSong";
				letter-spacing: 15px;
				color: red;
			}

			.head .sub-title {
				text-align: center;
				margin: 0;
				color: #333;
				font-size: 24px;
				font-family: "FangSong";
			}

			.red-line {
				margin: 10px 0;
				height: 1px;
				border-top: 1px solid red;
				border-bottom: 1px solid red;
			}

			.head .sn {
				text-align: right;
				letter-spacing: 5px;
			}

			.body .title {
				text-align: center;
				margin: 20px 0;
				color: #333;
				font-size: 24px;
				font-family: "FangSong";
				letter-spacing: 10px;
			}

			.body .content .start {
				display: inline-block;
				text-indent: 0;
				border-bottom: 1px solid black;
			}

			.body .content p {
				margin: 10px 0;
				text-indent: 24px;
				line-height: 24px;
			}

			.foot {
				margin: 40px 0;
			}

			.body .content table {
				overflow: hidden;
				width: 100%;
				text-align: center;
				border-collapse: collapse;
			}

			.body .content thead tr {
				background: #f3fbf8;
				border: 1px #abe1cf solid;
				height: 25px;
				font-size: 13px;
				line-height: 25px;
			}

			.body .content thead th {
				/*position: relative;*/
				font-weight: normal;
				color: #333;
				padding: 0px 10px;
				font-size: 13px;
				white-space: nowrap;
			}

			.body .content tbody tr {
				border-bottom: 1px dedede solid;
				height: 25px;
				line-height: 25px;
			}

			.body .content tbody tr td {
				/*position: relative;*/
				padding: 0px 10px;
				font-size: 13px;
				white-space: nowrap;
				border: 1px solid black;
			}
		</style>
	</head>
	<body>
		<div class="body">
			<h2 class="title">用户列表</h2>
			<div class="content">
				<table style="width: 100%">
					<tbody>
						<th>
							<td>名称</td>
							<td>工号</td>
							<td>部门</td>
						</th>
						<#list datas as item>
						<tr>
							<td>${item.userName!}</td>
							<td>${item.userid!}</td>
							<td>${item.departmentName!}</td>
						</tr>
						</#list>
					</tbody>
				</table>
			</div>
		</div>
	</body>
</html>